<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>访问路径错误 - 请重定向</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap"
        rel="stylesheet">
    <style>
        :root {
            --primary-color: #4F46E5;
            --primary-hover: #4338CA;
            --secondary-color: #10B981;
            --secondary-hover: #059669;
            --background-color: #F9FAFB;
            --card-background: #FFFFFF;
            --text-color: #1F2937;
            --text-secondary: #6B7280;
            --heading-color: #111827;
            --error-color: #EF4444;
            --border-color: #E5E7EB;
        }

        @media (prefers-color-scheme: dark) {
            :root {
                --primary-color: #6366F1;
                --primary-hover: #4F46E5;
                --secondary-color: #10B981;
                --secondary-hover: #059669;
                --background-color: #111827;
                --card-background: #1F2937;
                --text-color: #F9FAFB;
                --text-secondary: #D1D5DB;
                --heading-color: #F3F4F6;
                --error-color: #F87171;
                --border-color: #374151;
            }
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background-color: var(--background-color);
            color: var(--text-color);
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 1rem;
            line-height: 1.6;
        }

        .error-container {
            background-color: var(--card-background);
            border-radius: 1.5rem;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
            padding: 2.5rem 2rem;
            max-width: 550px;
            width: 100%;
            animation: slideUp 0.5s cubic-bezier(0.16, 1, 0.3, 1);
            position: relative;
            overflow: hidden;
        }

        .error-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 6px;
            background: linear-gradient(90deg, var(--error-color), var(--primary-color));
        }

        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .icon-container {
            display: flex;
            justify-content: center;
            margin: 1.5rem 0;
        }

        .icon {
            width: 80px;
            height: 80px;
            background-color: rgba(239, 68, 68, 0.1);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            animation: pulse 2s infinite;
            margin-top: -10px;
            color: var(--error-color); /* Add this line to set the color for currentColor */
        }

        .icon svg {
            width: 50px;
            height: 50px;
            fill: var(--error-color);
        }

        @keyframes pulse {
            0% {
                box-shadow: 0 0 0 0 var(--error-color);
            }

            70% {
                box-shadow: 0 0 0 15px rgba(239, 68, 68, 0);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
            }
        }

        h1 {
            color: var(--heading-color);
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 1rem;
            text-align: center;
        }

        .message {
            text-align: center;
            margin-bottom: 2rem;
        }

        .message p {
            color: var(--text-secondary);
            margin-bottom: 0.75rem;
            font-size: 1.1rem;
        }

        .message p:last-child {
            margin-bottom: 0;
        }

        .redirect-info {
            background-color: rgba(79, 70, 229, 0.1);
            border-radius: 0.75rem;
            padding: 1.25rem;
            margin: 1.5rem 0;
            border-left: 4px solid var(--primary-color);
        }

        .redirect-info p {
            color: var(--text-color);
            font-weight: 500;
            margin-bottom: 0.5rem;
        }

        .redirect-link {
            display: block;
            word-break: break-all;
            color: var(--primary-color);
            font-weight: 500;
            text-decoration: none;
            transition: color 0.2s ease;
        }

        .redirect-link:hover {
            color: var(--primary-hover);
            text-decoration: underline;
        }

        .buttons {
            display: flex;
            gap: 1rem;
            margin-top: 2rem;
        }

        .btn {
            flex: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.875rem 1.5rem;
            border-radius: 0.75rem;
            font-weight: 500;
            font-size: 1rem;
            text-decoration: none;
            transition: all 0.2s ease;
            cursor: pointer;
        }

        .btn-primary {
            background-color: var(--primary-color);
            color: white;
            box-shadow: 0 4px 6px -1px rgba(79, 70, 229, 0.2), 0 2px 4px -1px rgba(79, 70, 229, 0.1);
        }

        .btn-primary:hover {
            background-color: var(--primary-hover);
            transform: translateY(-2px);
            box-shadow: 0 10px 15px -3px rgba(79, 70, 229, 0.3), 0 4px 6px -2px rgba(79, 70, 229, 0.1);
        }

        .btn-secondary {
            background-color: transparent;
            color: var(--text-color);
            border: 1px solid var(--border-color);
        }

        .btn-secondary:hover {
            background-color: rgba(0, 0, 0, 0.05);
            transform: translateY(-2px);
        }

        .footer {
            margin-top: 2rem;
            text-align: center;
            color: var(--text-secondary);
            font-size: 0.875rem;
        }

        /* 移动端优化 */
        @media (max-width: 640px) {
            .error-container {
                padding: 2rem 1.5rem;
                border-radius: 1rem;
            }

            .icon {
                width: 70px;
                height: 70px;
                font-size: 2rem;
            }

            h1 {
                font-size: 1.75rem;
            }

            .message p {
                font-size: 1rem;
            }

            .buttons {
                flex-direction: column;
            }

            .btn {
                width: 100%;
            }
        }

        /* 动画效果 */
        @keyframes fadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        .fade-in {
            animation: fadeIn 0.5s ease-in-out forwards;
        }

        .delay-100 {
            animation-delay: 0.1s;
        }

        .delay-200 {
            animation-delay: 0.2s;
        }

        .delay-300 {
            animation-delay: 0.3s;
        }

        .delay-400 {
            animation-delay: 0.4s;
        }
    </style>
</head>

<body>
    <div class="error-container">
        <div class="icon-container">
            <div class="icon">
                <svg t="1751167798215" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="8178">
                    <path
                        d="M512 904.54c-10.24 0-17.06 6.82-17.06 17.06 0 10.24 6.82 17.06 17.06 17.06 10.24 0 17.06-6.82 17.06-17.06 0-10.24-6.82-17.06-17.06-17.06z m0-85.34c-10.24 0-17.06 6.82-17.06 17.06v17.08c0 10.24 6.82 17.06 17.06 17.06 10.24 0 17.06-6.82 17.06-17.06v-17.08c0-10.24-6.82-17.06-17.06-17.06z m0 153.6c-10.24 0-17.06 6.82-17.06 17.06v17.08c0 10.24 6.82 17.06 17.06 17.06 10.24 0 17.06-6.82 17.06-17.06v-17.08c0-10.24-6.82-17.06-17.06-17.06z m102.4-170.66c-10.24 0-17.06 6.82-17.06 17.06v34.14c0 10.24 6.82 17.06 17.06 17.06 10.24 0 17.06-6.82 17.06-17.06V819.2c0-10.24-6.82-17.06-17.06-17.06z m0 102.4c-10.24 0-17.06 6.82-17.06 17.06v51.2c0 10.24 6.82 17.06 17.06 17.06 10.24 0 17.06-6.82 17.06-17.06v-51.2c0-10.24-6.82-17.06-17.06-17.06zM409.6 921.6c-10.24 0-17.06 6.82-17.06 17.06v51.2c0 10.24 6.82 17.08 17.06 17.08 10.24 0 17.06-6.84 17.06-17.08v-51.2c0-10.24-6.82-17.06-17.06-17.06z m0-119.46c-10.24 0-17.06 6.82-17.06 17.06v51.2c0 10.24 6.82 17.06 17.06 17.06 10.24 0 17.06-6.82 17.06-17.06v-51.2c0-10.24-6.82-17.06-17.06-17.06z m-34.14-426.68c10.24 0 17.08-6.82 17.08-17.06a84.5 84.5 0 0 1 85.32-85.34c10.24 0 17.08-6.82 17.08-17.06 0-10.24-6.84-17.06-17.08-17.06A118.723 118.723 0 0 0 358.4 358.4c0 10.24 6.82 17.06 17.06 17.06zM512 529.06c-10.24 0-17.06 6.84-17.06 17.08 0 10.24 6.82 17.06 17.06 17.06 10.24 0 17.06-6.82 17.06-17.06 0-10.24-6.82-17.08-17.06-17.08zM665.6 512c-10.24 0-17.06 6.82-17.06 17.06 0 10.24 6.82 17.08 17.06 17.08 10.24 0 17.06-6.84 17.06-17.08 0-10.24-6.82-17.06-17.06-17.06z m136.54-34.14c-10.24 0-17.08 6.84-17.08 17.08 0 10.24 6.84 17.06 17.08 17.06 10.24 0 17.06-6.82 17.06-17.06 0-10.24-6.82-17.08-17.06-17.08z m-580.28 0c-10.24 0-17.06 6.84-17.06 17.08 0 10.24 6.82 17.06 17.06 17.06 10.24 0 17.08-6.82 17.08-17.06 0-10.24-6.84-17.08-17.08-17.08zM358.4 512c-10.24 0-17.06 6.82-17.06 17.06 0 10.24 6.82 17.08 17.06 17.08 10.24 0 17.06-6.84 17.06-17.08 0-10.24-6.82-17.06-17.06-17.06z"
                        fill="currentColor" p-id="8179"></path>
                    <path
                        d="M1024 494.94c0-79.257-160.993-118.661-243.18-132.73-21.442-117.208-121.896-201.34-251.76-208.139V102.4h17.08l17.06-17.06V17.06L546.14 0h-68.28L460.8 17.06v68.28l17.06 17.06h17.08v51.65c-129.966 6.82-230.461 91.075-251.801 208.405C160.932 377.815 0 415.683 0 494.94c0 42.148 48.005 76.247 122.204 101.52C176.148 709.243 332.534 785.08 512 785.08c178.463 0 334.07-74.997 388.854-188.293C975.606 571.474 1024 537.272 1024 494.94zM494.94 34.14h34.12v34.12h-34.12V34.14zM512 187.74c130.806 0 231.158 87.92 238.817 208.24l-51.077 17.04c-121.18 40.96-254.3 40.96-375.48 0l-51.077-17.04c0.164-2.6 0.368-5.201 0.614-7.782 0.41-2.744 0.82-5.488 0.922-7.946C289.75 268.083 386.949 187.74 512 187.74z m341.34 423.24C791.9 694.62 658.78 750.94 512 750.94c-148.48 0-279.9-56.32-341.34-139.96 92.16 23.9 215.04 37.56 341.34 37.56 126.3 0 249.18-13.66 341.34-37.56z m-141.23-8.397l-2.908 0.348-6.43 0.778C643.173 610.714 578.518 614.4 512 614.4a1757.798 1757.798 0 0 1-117.985-3.932C168.878 595.067 34.14 537.436 34.14 494.94c0-29.02 64.84-71.68 204.8-97.28v23.88l73.38 25.6a633.692 633.692 0 0 0 397.66 0l75.08-25.6v-23.88c139.96 27.3 204.8 68.26 204.8 97.28 0 37.069-102.38 85.607-277.75 107.643z"
                        fill="currentColor" p-id="8180"></path>
                </svg>
            </div>
        </div>

        <h1 class="fade-in">访问路径错误</h1>

        <div class="message">
            <p class="fade-in delay-100">抱歉，您尝试访问的页面不存在或路径不正确。</p>
            <p class="fade-in delay-200">这可能是由于您输入了错误的网址。</p>
        </div>

        <div class="redirect-info fade-in delay-300">
            <p>请访问正确的报名操作指南页面：</p>
            <a href="https://doc.edu-dc.cn/index.html" class="redirect-link"
                target="_blank">https://doc.edu-dc.cn/index.html</a>
        </div>

        <div class="buttons fade-in delay-400">
            <a href="https://doc.edu-dc.cn/index.html" class="btn btn-primary" target="_blank">前往操作指南</a>
        </div>

        <div class="footer">
            <p>如需帮助，请联系网站管理员</p>
        </div>
    </div>
</body>

</html>